<template>
  <div>
    <input type="text" v-model="msg">
    <input type="text" :value="msg" @input="fn">
    <input type="text" :value="msg2" @input="msg2=e.target.value">
  </div>
</template>

<script>

export default {
  data () {
    return {
      msg: '123',
      msg2: 'msg2'
    }
  },
  methods: {
    fn (e) {
      console.log(e.target) //   <input type="text" />
      console.log(e.target.value)
      this.msg = e.target.value // 视图层 影响数据层
    }
  }
}
</script>

<style>

</style>
